<template>
  <div class="login-modal">
    登录
    <div class="login-box">登录</div>
    <div class="mask"></div>
  </div>
</template>

<script>
export default {
    name: 'Login',
    data() {
        return {
            
        }
    },
}
</script>

<style lang="less" scoped>
    .login-box{
        width: 555px;
        height: 430px;
        background: url(../assets/img/login-box-bg.png);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .login-modal{
        width: 100%;
        height: 100%;
        position:fixed;
        left:0;
        top:0;
        background-color: rgba(0,0,0,0.5);
    }
    .mask{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }
</style>